草庐IT

CSS 响应中心 Div

全部标签

javascript - 如何使用 Javascript 或 Jquery 检查 div 何时调整大小

所以我在线框图中得到了一个网络应用程序,但我遇到了一个问题,在我巩固这个模型之前需要一个技术解决方案;那是:图。#1用户创建新的“文本字段”元素(具有最大宽度的div。)然后用户开始输入说元素直到...图。#2元素到达它的最大宽度,文本会换行和"new"背景图像(在另一个div的形式)被创建(其不透明度和位置动画效果)以适应更大的元素大小。这是预期功能的粗略概述(此时给出,我不确定如何让文本字段的行为类似于具有最大宽度的div)但是我'我很好奇如何为第二步创建事件处理程序;我考虑过检查每个“keydown”事件,但这似乎效率低下......有没有人对解决此类问题有任何建议或想法?谢谢!

javascript - 如何防止Safari拦截ajax请求的401响应

我在Safari扩展中遇到以下问题。我要求用户提供他们的网络服务用户名/密码,并发送一个快速请求以验证凭据是否正确。如果不是,该服务将以我认为应该的方式响应401。问题是Safari似乎在我的javascript代码可以处理它之前拦截了这个响应,显示灰色登录框而不是让我处理错误。我能做些什么吗?我正在使用js库进行调用,但它在功能上等同于以下jQuery。$.ajax({type:"GET",url:url,username:username,password:password,success:function(){/*handlesuccess*/},error:function()

javascript - 管理 Web 组件的依赖关系; JS、CSS/SASS 和模板文件

我正在寻找布局我们新的网络组件的结构,目前我不确定我是否找到了一个工具来完成我们理想中想要的所有事情,或者非常接近,但看起来它会成为当今想做的相当普遍的事情。我们有一个运行Java服务器端的Web应用程序,而客户端我们大量使用JavaScript并且SASS,除其他事项外。我们正在寻求重新构建我们的一些代码库,并对动态页面内容的某些方面进行组件化。例如,我们希望有一个标准的表格组件,它可以完全独立于完整的网络应用程序进行开发。我看到表格组件具有以下3个核心文件:table.jstable.scss(我们编译成CSS文件的SASS文件)table.tmpl(我们的模板文件最终编译成JS函

javascript - 如何使用 Chrome.storage API 等待 javascript 函数返回响应?

我正在尝试使用以下代码在Chrome扩展程序中设置和获取名称值对。if(!this.Chrome_getValue||(this.Chrome_getValue.toString&&this.Chrome_getValue.toString().indexOf("notsupported")>-1)){this.Chrome_getValue=function(key,def){chrome.storage.local.get(key,function(result){returnresult[key];});};this.Chrome_setValue=function(key,va

javascript - 通过 JavaScript 移除 CSS 规则

如何通过JavaScript去除CSS规则?varelStyle=document.querySelector('style#the-style');varstylesheet=elStyle.sheet;varrules=stylesheet.cssRules;for(vari=0;ihttp://jsfiddle.net/e3zebmqv/我通过rule.style.color=''成功删除了样式,但规则仍然存在。是否有任何要删除的API?还是应该使用innerHTML?更新在这种情况下,我想删除样式规则,而不是styleproperties.(我不太了解StackOverflow

javascript - 浏览器在使用 CSS 缩放图像时通常使用什么算法?

我正在尝试让canvas以与CSS相同的视觉保真度渲染缩放图像。根据我的测试(在Chrome版本43.0.2357.130中完成),它似乎不是Lanczos3,尽管我使用ResampleScope进行了测试。表明它应该是。看这里:用于产生这些结果的代码:“CSS”:“Canvas绘制图像”:ctxNative.drawImage(img,0,0,200,200);“Canvas变换”:ctxTransform.transform(200/img.width,0,0,200/img.height,0,0);ctxTransform.drawImage(img,0,0,img.width,

javascript - 如何返回对 JSONP 请求的即时响应并在之后继续处理

我正在使用JSONP从用户那里收集数据,但不要求用户获得响应。因此我想向用户发送即时响应,这样他们就可以继续操作而无需等待服务器处理。我如何向他们发送回复但继续处理?我正在使用GoogleScript,但我想任何返回响应并继续处理的javascript方式也应该有效。我有这样的东西:functionhandleResponse(e){//dosomethingwithereturnContentService.createTextOutput('console.log("updated")').setMimeType(ContentService.MimeType.JAVASCRIPT

javascript - 具有动态背景的 div 的最大高度和最大宽度?

我有一个代码负责裁剪图像并将其裁剪区域保存在div列表中。这些div中的每一个都代表每个裁剪后的图像。但问题是-我不希望它们太大,我希望它们具有fixed高度和宽度,例如最大100x100像素。具有工作图像裁剪功能的Codesandbox:https://codesandbox.io/s/fast-frost-0b5tt与裁剪逻辑相关的代码:constwidth=pos.w+"px";constheight=pos.h+"px";constmarginLeft=-pos.x+"px";constmarginTop=-pos.y+"px";return();您会看到图像裁剪效果很好,但是

javascript - 如何通过拖动而不是使用滚动条来滚动 div

我正在从事一个使用触摸屏界面的项目。我在一个较小的div中有一个div,所以较小的div有滚动条来访问第一个div的其余部分。这是它的基本代码。.div1{height:100px;width:100px;}.div2{height:50px;width:50px;}html是:使用javascript,我希望能够通过按下(因为它是触摸屏)屏幕上未被占用的部分并沿着div拖动来滚动浏览div2。基本上,当您单击并拖动它时,滚动功能的行为方式与谷歌地图的行为方式相同。有人可以帮我吗?提前致谢!注意事项在鼠标Action方面,按下相当于点击这里,只是说清楚。我也只在Firefox中工作,所

javascript - "400 Bad Request"AJAX 请求响应

我有以下jQueryAJAX请求://collectformdataandcreateuserobjvaruser=newUser();user.firstname=$("#usrFirstName").val();user.lastname=$("#usrSurname").val();user.role=$("#usrRole").val();//actualajaxrequest$.ajax({type:'POST',url:'http://awesome-url',crossDomain:true,data:user,contentType:"application/json;